//
//  TextPageView.swift
//  SwiftUIDemo
//
//  Created by zuosong on 2019/12/1.
//  Copyright © 2019 Kael. All rights reserved.
//

import SwiftUI

struct TextPageView: View {
    var body: some View {
        
        VStack(spacing:20) {
            
            Text("Title")
                .font(.largeTitle)
            Text("Subtitle")
                .font(.title)
                .foregroundColor(Color.gray)
            Text("简短的文本描述 padding 之后 添加背景")
                .font(.title)
                .foregroundColor(Color.white)
                .padding()
                .background(Color.blue)
                .layoutPriority(1)// 如果不设置优先级 会被 设置过优先级的挤压到一行的情况

            Text("让文本描述充满屏幕")
                .frame(maxWidth: .infinity ,maxHeight: .infinity)
                .font(.title)
                .foregroundColor(Color.white)
                .padding()
                .background(Color.blue)

            Text("设置约束优先级 通过 layoutPriority 属性 让 maxHeight  比上面的 maxHeight 优先级高 就会挤压别的视图")
//                .frame(maxWidth: .infinity)
                .frame(maxWidth: .infinity, maxHeight: .infinity)// 打开这里会让视图变很大
                .font(.title)
                .foregroundColor(Color.white)
                .padding()
                .background(Color.blue)
                .layoutPriority(1)
            Text("给文本切圆角 :\n通过 RoundedRectangle 形状设置")
                .font(.title)
                .foregroundColor(Color.white)
                .padding()
                .background(
                    RoundedRectangle(cornerRadius: 20)
                        .foregroundColor(Color.blue)
                )
                .padding(10)
                .layoutPriority(1)
            
//            Text("给文本设置圆角：\n 通过设置Layer的圆角实现")
//                .foregroundColor(Color.white)
//                .padding()
//                .background(Color.blue)
//                .cornerRadius(20)
//                .layoutPriority(1)
//
//            Text("理解 Layer")
//                .font(.title)
//                .foregroundColor(Color.white)
//                .padding()
//                .background(
//                    RoundedRectangle(cornerRadius: 20)
//                        .foregroundColor(Color.blue)
//                )
//                .padding(10)
//                .layoutPriority(1)
//                .padding(10)
//                .background(Color.green)// 设置一遍background 就多了一层Layer
//                .cornerRadius(10)
//                .padding(20)
//                .background(Color.pink)
//                .cornerRadius(10)
            
            Text("阴影 字体 粗细")
                .foregroundColor(Color.red)
                .bold()// 加粗
                .font(.system(.title))//字体大小
                .fontWeight(.medium)
                .italic()// 斜体
                .strikethrough(true, color: Color.green)
                .underline(true, color: .purple)
//                .tracking(1.0)
//                .baselineOffset(10.0)// 基线偏移角标
//                .shadow(color: .black, radius: 1, x: 2, y: 5)// 阴影
            
        }
        .font(.title)// 覆盖了 内部Text视图的font属性
        
        
    }
}

struct TextPageView_Previews: PreviewProvider {
    static var previews: some View {
        TextPageView()
    }
}
